//1. 导入 vue-router 包
import VueRouter from 'vue-router'
//2. 手动安装 VueRouter
// Vue.use(VueRouter)
// 导入路由的对应组件
import HomeContainer from './components/tabbar/HomeContainer.vue'
import MemberContainer from './components/tabbar/MemberContainer.vue'
import CartContainer from './components/tabbar/CartContainer.vue'
import SearchContainer from './components/tabbar/SearchContainer.vue'
import NewsList from './components/news/NewsList.vue'
import NewInfo from './components/news/NewsInfo.vue'
import PhotoList from './components/photos/PhotoList.vue'
import PhotoInfo from './components/photos/PhotoInfo.vue'
import GoodsList from './components/goods/GoodsList.vue'
//3.创建路由对象
var router = new VueRouter({
    routes: [
        { path: "/", redirect: "/home"},
        { path: "/home", component: HomeContainer },
        { path: "/member", component: MemberContainer },
        { path: "/cart", component: CartContainer },
        { path: "/search", component: SearchContainer },
        { path: "/home/newslist", component: NewsList },
        { path: "/home/newsinfo/:id", component: NewInfo},
        { path: "/home/photolist", component: PhotoList },
        { path: "/home/photoinfo/:id", component: PhotoInfo },
        { path: "/home/goodsList", component: GoodsList}
    ],
    linkActiveClass: 'mui-active' //覆盖默认的路由高亮的类，默认的类叫做 router-link-active
})

//把路由对象暴露出去
export default router